<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%-- 
    JSP Name : jspName.jsp
    Description : 설명을 기술합니다.
    author ETLee
    since 2012. 6. 28.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 6. 28.     ETLee     최초 생성
--%>

<%@ include file="/WEB-INF/jsp/com/include/declare.jspf" %>
<%@ include file="/WEB-INF/jsp/com/include/doctype.jspf" %>
<body style="padding:50px;" cz-shortcut-listen="true">
<div class="dimmed-frame" style="opacity: 0.5; "></div>
<!-- 구매상담 신청 관련 -->
<div id="counselpurchase" class="layerpopup counselpurchase" style="top: 250px; display: block; "><div class="layerpopup-inner">
    <div class="layerpopup-head">
        <h1><img src="/kr/images/layerpopup/h1_counsel_purchase.gif" alt="구매상담 신청" /></h1>
    </div>
    <div class="layerpopup-contents">
        <div class="counsel-purchase-wrap">
            <h2><img src="/kr/images/layerpopup/h2_counsel_purchase01.gif" alt="담당 카마스터 정보" /></h2>
            <div class="datatable-wrap02">
                <table summary="지점명/담당, 연락처/이메일">
                <caption>카마스터 정보 리스트</caption>
                <colgroup>
                    <col width="25%" />
                    <col />
                </colgroup>
                <tbody>
                <tr>
                    <th scope="row">지점명/담당</th>
                    <td>구정지점/이효성</td>
                </tr>
                <tr>
                    <th scope="row">연락처/이메일</th>
                    <td>02-3444-5522 / rp03zota@naver.com</td>
                </tr>
                </tbody>
                </table>
            </div>
            <!-- type2 -->
            <div class="datatable-wrap02">
                <table summary="지점명, 연락처">
                <caption>카마스터 정보 리스트</caption>
                <colgroup>
                    <col width="25%" />
                    <col />
                </colgroup>
                <tbody>
                <tr>
                    <th scope="row">지점명</th>
                    <td>구정지점</td>
                </tr>
                <tr>
                    <th scope="row">연락처</th>
                    <td>02-3444-5522</td>
                </tr>
                </tbody>
                </table>
            </div>
            <!-- //type2 -->
            <h2 class="subsection03"><img src="/kr/images/layerpopup/h2_counsel_purchase02.gif" alt="차량 선택" /></h2>
            <div class="exhibit-car-list-wrap">
                <div class="exhibit-car-list">
                    <div class="section">
                        <div class="on">
                            <img src="/kr/temp/@car_90x55.jpg" alt="차량 이미지" />
                            <p class="name">쏘나타 Hybrid</p>
                        </div>
                        <div>
                            <img src="/kr/temp/@car_90x55.jpg" alt="차량 이미지" />
                            <p class="name">엑센트</p>
                        </div>
                        <div>
                            <img src="/kr/temp/@car_90x55.jpg" alt="차량 이미지" />
                            <p class="name">제네시스</p>
                        </div>
                        <div>
                            <img src="/kr/temp/@car_90x55.jpg" alt="차량 이미지" />
                            <p class="name">쏘나타</p>
                        </div>
                        <div>
                            <img src="/kr/temp/@car_90x55.jpg" alt="차량 이미지" />
                            <p class="name">i30</p>
                        </div>
                        <div>
                            <img src="/kr/temp/@car_90x55.jpg" alt="차량 이미지" />
                            <p class="name">i30</p>
                        </div>
                        <div>
                            <img src="/kr/temp/@car_90x55.jpg" alt="차량 이미지" />
                            <p class="name">i30</p>
                        </div>
                    </div>
                    <div class="section">
                        <div>
                            <img src="/kr/temp/@car_90x55.jpg" alt="차량 이미지" />
                            <p class="name">쏘나타 Hybrid</p>
                        </div>
                        <div>
                            <img src="/kr/temp/@car_90x55.jpg" alt="차량 이미지" />
                            <p class="name">엑센트</p>
                        </div>
                        <div>
                            <img src="/kr/temp/@car_90x55.jpg" alt="차량 이미지" />
                            <p class="name">제네시스</p>
                        </div>
                        <div>
                            <img src="/kr/temp/@car_90x55.jpg" alt="차량 이미지" />
                            <p class="name">쏘나타</p>
                        </div>
                        <div>
                            <img src="/kr/temp/@car_90x55.jpg" alt="차량 이미지" />
                            <p class="name">i30</p>
                        </div>
                        <div>
                            <img src="/kr/temp/@car_90x55.jpg" alt="차량 이미지" />
                            <p class="name">i30</p>
                        </div>
                        <div>
                            <img src="/kr/temp/@car_90x55.jpg" alt="차량 이미지" />
                            <p class="name">i30</p>
                        </div>
                    </div>
                    <div class="section">
                        <div>
                            <img src="/kr/temp/@car_90x55.jpg" alt="차량 이미지" />
                            <p class="name">쏘나타 Hybrid</p>
                        </div>
                        <div>
                            <img src="/kr/temp/@car_90x55.jpg" alt="차량 이미지" />
                            <p class="name">엑센트</p>
                        </div>
                        <div>
                            <img src="/kr/temp/@car_90x55.jpg" alt="차량 이미지" />
                            <p class="name">제네시스</p>
                        </div>
                        <div>
                            <img src="/kr/temp/@car_90x55.jpg" alt="차량 이미지" />
                            <p class="name">쏘나타</p>
                        </div>
                        <div>
                            <img src="/kr/temp/@car_90x55.jpg" alt="차량 이미지" />
                            <p class="name">i30</p>
                        </div>
                        <div>
                            <img src="/kr/temp/@car_90x55.jpg" alt="차량 이미지" />
                            <p class="name">i30</p>
                        </div>
                        <div>
                            <img src="/kr/temp/@car_90x55.jpg" alt="차량 이미지" />
                            <p class="name">i30</p>
                        </div>
                    </div>
                </div>
                <div class="grade-select">
                    <select class="select select-type2" style="width:240px;">
                        <option>등급선택</option>
                    </select>
                    <select class="select select-type2" style="width:240px;">
                        <option>상세등급선택</option> 
                    </select>
                    <select class="select select-type2" style="width:240px;">
                        <option>컬러선택</option>
                    </select>
                    <p class="caution">* 상기 이미지는 실제와 다를 수 있습니다.</p>
                </div>
            </div>
            <div class="btnwrap">
                <a href="#"><img src="/kr/images/layerpopup/btn_counsel_application.gif" alt="상담신청" /></a>
                <a href="#"><img src="/kr/images/layerpopup/btn_cancel02.gif" alt="취소" /></a>
            </div>
        </div>
    </div>
    <!-- close -->
    <div class="close-area"><div class="close-area-inner">
        <img src="/kr/images/layerpopup/btn_close.gif" alt="닫기" class="close" />
    </div></div>
    <!-- //close -->
</div></div>
<!-- //구매상담 신청 관련 -->    

</body>
</html>